﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link rel="StyleSheet" type="text/css" href="css/jquery-ui.css" />
    <link rel="StyleSheet" type="text/css" href="css/pv.css" />
</head>
<body>
    <style type="text/css">
        div#panel
        {
            height: 80px;
            width: 1000px;
        }
        svg#main
        {
            background-color: #ECEDD1;
            width: 1400px;
            height: 800px;
        }
        
        #main .weapon
        {
            fill: #065C34;
        }
        div#status
        {
            height: 80px;
            width: 1000px;
        }
        
        #myzone
        {
            fill: #065C34;
        }
    </style>
    <div id="panel" class="unselectable">
        <div id="hp">
        </div>
        <button id="pause">
            Pause</button>
    </div>
    <svg id="main" xmlns="http://www.w3.org/2000/svg" version="1.1" style="background-image: url(img/gress.jpg)">
        <!--<image width="100%" height="100%" x="0" y="0" xlink:href="img/gress.jpg" preserveAspectRatio="xMinYMin" style=""/>-->
        <filter id="dropshadow" height="130%">
          <feGaussianBlur in="SourceAlpha" stdDeviation="3"/> <!-- stdDeviation is how much to blur -->
            <feOffset dx="7" dy="7" result="offsetblur"/> <!-- how much to offset -->
            <feMerge> 
              <feMergeNode/> <!-- this contains the offset blurred image -->
              <feMergeNode in="SourceGraphic"/> <!-- this contains the element that the filter is applied to -->
           </feMerge>
        </filter>
       
       
     <circle stroke="black" r="60" transform="translate(400 300)" fill="#000000" pv-cat="target" pv-radius="60"/>
		 <rect  height="800" width="600" y="0" x="800" stroke-width="5" stroke="#000000"  fill-opacity="0"/>
         
         <rect  height="100" width="100" y="0" x="1300" stroke-width="5" stroke="#000000"   class="weapon"/>
         <rect  height="100" width="100" y="100" x="1300" stroke-width="5" stroke="#000000"  class="weapon"/>
         <rect  height="100" width="100" y="200" x="1300" stroke-width="5" stroke="#000000"  class="weapon"/>
         <rect  height="100" width="100" y="300" x="1300" stroke-width="5" stroke="#000000" class="weapon"/>
         <rect  height="100" width="100" y="400" x="1300" stroke-width="5" stroke="#000000"   class="weapon"/>
         <rect  height="100" width="100" y="500" x="1300" stroke-width="5" stroke="#000000"   class="weapon"/>
         <rect  height="100" width="100" y="600" x="1300" stroke-width="5" stroke="#000000"  class="weapon"/>
        <rect  height="100" width="100" y="700" x="1300" stroke-width="5" stroke="#000000"   class="weapon"/>
        <g transform="translate(470 300)"><path d="M0,0 l0,-50 A50,50 0 1,0 1,-50 "
     fill="gray" fill-opacity="0.5" stroke="black" stroke-width="2"  /></g>
            
        <!--  <rect id="myzone"  height="800" width="600" y="0" x="800" stroke-width="5" stroke="#000000" />-->
      
    </svg>
    <div id="status" class="unselectable">
        <div id="xy">
        </div>
        <div id="timer">
        </div>
        <div id="sound">
        </div>
    </div>
    <div id="dialog" style="display: none">
        Game Over</div>
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/jquery-ui.js"></script>
    <script type="text/javascript" src="js/svg.js"></script>
    <script type="text/javascript" src="js/database.js"></script>
    <script type="text/javascript" src="js/pv.core.js"></script>
    <script type="text/javascript" src="js/pv.node.js"></script>
    <script type="text/javascript" src="js/db.level.js"></script>
    <!--<script type="text/javascript" src="index.js"></script>-->
    <!-- <audio id="backgroud" autoplay="autoplay" loop="loop">
        <source src="sound/b1.mp3"  type="audio/mpeg"/>
        Your browser does not support the audio element.
    </audio>-->
    <script type="text/javascript">
        var t = new PvTarget("bandit", { x: 500, y: 300 });
        // t.status.speed = 20;
        // new PvChainProjectile("ch", { x: 1200, y: 300 });
        new PvProjectile("incense", { x: 1200, y: 300 });
        new PvProjectile("stone", { x: 1200, y: 300 });
        //  new PvChainProjectile("ch", { x: 1200, y: 250 });

       
    </script>
</body>
</html>
